<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale:1.0">
  <title>案例</title>
  <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
  <link rel="stylesheet" type="text/css" href="../container/Header.css">
  <style>
    body {
      --font: 100%;
      padding: 0;
      margin: 0;
      font-size: 14px;
    }
    a
    {
      text-decoration: none;
    }
    .newimg
    {
      width:100%;
      height:130px;
      margin-top:45px;
    }
    .newzuixin
    {
      /*width:100%;*/
      list-style: none;
      padding:0;
      display:flex;
      justify-content: space-between;
      align-items: center;
      margin:0;
    }
    .newzuixin li:nth-of-type(3)
    {
      background-color:#eeeeee;
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    .newzuixin li:nth-of-type(2)
    {
      /*background-color:#eeeeee;*/
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    .newzuixin li:nth-of-type(1)
    {
      /*background-color:#eeeeee;*/
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    a.ac
    {
      padding:10px;
      text-decoration: none;
      color:#666666;
    }
    .newwidth
    {
      width:100%;
      /*height:200px;*/
      /*border-bottom:1px solid #eeeeee;*/
      list-style: none;
      margin-bottom:50px;
    }
    .newwidth li
    {
      border-bottom:1px solid #eeeeee;
      /*padding-bottom:10px;*/
      padding:30px 20px
    }
    .items-img
    {
      border-radius:5px;
      width:145px;
      height:100px;
      margin-right: 15px;
    }
    .containernew
    {
      margin-top:10px;
      display:flex;
      align-items: center;
    }
    .containernew p
    {
      padding:5px;
    }
    .newnan
    {
      width:190px;
      white-space: nowrap;
      text-overflow:ellipsis;
      overflow: hidden;
      height:25px;
    }
    .yuedugenduo
    {
      width:100%;
      text-align: right;
      padding-right: 10px;
      color:#2d8cf0
    }
    .kaishi
    {
      width:163px;
      overflow:hidden;
      text-overflow: clip;
      white-space: nowrap;
    }
    .anlili
    {
      margin-top: 45px;
    }
    .white-1
    {
      top:38px;
    }
    *
    {
      padding:0;
      margin:0;
      box-sizing: border-box;
    }



  </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>

<script src="../waibujs/header.js"></script>
<div class="container">
  <div class="anlian"><img class="anlili" src="http://w3.dfqy.com/Uploads/Picture/2017-06-02/5930d0bc7cace.png"></div>
  <ol class="newwidth">

  </ol>
</div>
<script src="../waibujs/foot.js"></script>

<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->

<script>
  var olol=document.querySelector('ol')
  var anli=new XMLHttpRequest();
  anli.open('get','http://47.116.75.38:8101/front/case')
  anli.send(
          {
            size:10,
            current:1
          }
  )
  anli.onload = function()
  {
    var anlik =JSON.parse(anli.response).data.records
    anlik.forEach(function (item,index) {
      // // console.log(item)
      var lili=document.createElement('li');
      var pp=document.createElement('p');
      pp.innerText=item.clinicalDiagnosis
      var div=document.createElement('div');
      div.className='containernew';
      var div1=document.createElement('div');
      var img=document.createElement('img');
      img.src="http://w3.dfqy.com/Uploads/Picture/2016-10-20/58086e11f3acd.jpg"
      img.className='items-img';
      div1.appendChild(img)
      var div2=document.createElement('div')
      var pp1=document.createElement('p')
      pp1.className='kaishi'
      pp1.innerText=item.patientName + ' ' +item.patientSex + ' ' + item.patientAge + '岁'
      var pp2=document.createElement('p')
      pp2.innerText='已上课时' + '|' + item.courseTime
      var pp3=document.createElement('p')
      pp3.innerText=item.treatmentDiary
      pp3.className='newnan'
      div2.appendChild(pp1)
      div2.appendChild(pp2)
      div2.appendChild(pp3)
      div.appendChild(div1)
      div.appendChild(div2)
      var div3=document.createElement('div')
      div3.innerText='阅读更多'
      div3.className='yuedugenduo'
      lili.appendChild(pp)
      lili.appendChild(div)
      lili.appendChild(div3)
      // console.log(lili)
      olol.appendChild(lili)
      console.log(item)
    })
  }
</script>
</body>
</html>